<style>
    .w4-xtzgOrder{
        background-color: #ffffff;
        border-top:1px solid #e9e9e9;
    }
    .w4-xtzgOrder input{
        display: inline-block;
        width: 60%;
    }
    .w4-xtzgOrder .row + .row {
        margin: 0;
        padding: 0;
    }
    .w4-xtzgOrder .bt{
        line-height: 45px;
        height: 45px;
        border-bottom:1px solid #e9e9e9;
    }
    .w4-xtzgorder-lable{
        width: 100px;
        vertical-align: sub;
        padding-right: 20px;
        padding-left: 15px;
        color: #3b3b3b;
    }
    .w4-xtzgOrder .w4-xtzgOrder-input{
        width: 100%;
        height: 45px;
        padding-left: 15px;
        border-bottom: 1px solid #e9e9e9
    }
    .w4-xtzgOrder-success{
        text-align: center;
        padding: 50px 10px;
    }
    .w4-xtzgOrder-success-p1{
        color: #3b3b3b;
        font-size: 18px;
        margin-top: 30px;
        margin-bottom: 24px;
    }
    .w4-xtzgOrder-success-p2{
        color: #b2b2b2;
        font-size: 12px;

    }
    .w4-xtzgOrder-success>div{
        height: 45px;
        color: #ffffff;
        line-height: 45px;
        text-align: center;
        margin-top: 100px;
        background-color: #f93941;
        border-radius: 5px;
    }
    .w4-xtzgOrder-bottom{
        position: absolute;
        bottom:0;
    }
    .w4-xtzgOrder-rate{
        width: 60%;
        line-height: 48px;
        height: 48px;
        text-align: center;
        color: #636363;
    }
    .w4-xtzgOrder-comit{
        width: 100%;
        line-height: 48px;
        height: 48px;
        text-align: center;
        font-size: 18px;
        color: #ffffff;
        background-color: #fb7e23;
        margin-bottom: env(safe-area-inset-bottom);
    }
</style>
<ion-view view-title="预约" class="bg-fff">
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title">预约</div>
    </ion-header-bar>
    <ion-content class="w4-xtzgOrder">
        <div  ng-hide="isSuccess">
            <div class="bt">
                <label class="w4-xtzgorder-lable">客户姓名</label>
                <input  type="text" placeholder="请输入预约人名称" ng-model="data.name">
            </div>
            <div class="bt" ng-if="!orderName">
                <label class="w4-xtzgorder-lable">预约金额</label>
                <input  type="tel" placeholder="请输入预约金额" ng-model="data.amount">
                <span>万元</span>
            </div>
            <input class="w4-xtzgOrder-input" ng-model="data.remark" type="text" placeholder="还要交代点什么...">
        </div>
        <div class="w4-xtzgOrder-success"  ng-show="isSuccess">
            <img src="img/right.png"/>
            <p class="w4-xtzgOrder-success-p1">产品预约成功</p>
            <p class="w4-xtzgOrder-success-p2">我们已经收到你的预约申请，会在工作日3个小时内和你联系，如有问题请拨打电话021-31038770</p>
            <div ui-sref="shopHome" style="background: #fb7e23;">返回首页</div>
        </div>
    </ion-content>
    <div class="row row-no-padding w4-xtzgOrder-bottom" ng-hide="isSuccess">
        <div class="w4-xtzgOrder-comit" ng-click="comit()">提交</div>
    </div>

</ion-view>